body {
    width: 600px;
    height: 600px;
    div {
        
        background-color: #bfa;
    }
}
.box1 {
    background-color: #bfa;
    .box2 {
        background-color: #ff6700;
        .box3 {
            background-color: #f0f;
        }
    }
    .box4 {
        background-color: skyblue;
    }
}
@a:200px;
.box1 {
    height: @a;
    width: @a;
}
@b:red;
@c:#ff6700;
div {
    background-color: @b;
    color: @c;
}
@d:box5;
.@{d} {
    color: chocolate;
}
div {
    > .box1 {
        background-color: #fff;
    }
    &:hover {
        background-color: #ff6700;
    }
}